/*
	Project Picky Writer CSS
	
	Author: Livid <v2ex.livid@me.com>
	Web: http://picky.olivida.com/
*/

html {
	padding: 0px;
	margin: 0px;
	font-family: "Helvetica Neue", "Luxi Sans", Tahoma, "STHeiti";
}

body {
	background-color: #e2e2e2;
	padding: 0px;
	margin: 0px;
}

a:link, a:visited, a:active {
	color: #69891b;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}

a:hover {
	color: #4a630f;
	text-decoration: none;
	border-bottom: 1px dotted #c0caaa;
}

form {
	display: inline;
}

h1 {
	font-size: 22px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
	color: #000;
}

/* IDs */

#Top {
	background-color: #333;
	padding: 8px 15px 8px 15px;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	background-image: url("top_bg.png");
}

#Main {
	padding: 15px 15px 20px 15px;
	font-size: 16px;
	line-height: 20px;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#Nav {
	font-size: 14px;
	margin-bottom: 20px;
	color: #999;
}

#Mentions {
	float: right;
	font-size: 12px;
	line-height: 16px;
	padding: 5px;
	border: 2px solid #e2e2e2;
	background-color: #f5f5f5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 200px;
	margin-bottom: 15px;
}

#Mentions ul {
	padding-left: 15px;
	margin-left: 0px;
}

#Mentions ul li {
	list-style: square;
}

#Message {
	border-top: 1px solid #e2e2e2;
	background-color: #f5f5f5;
	color: #333;
	padding: 5px 5px 5px 5px;
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 10px;
	width: 600px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
}

#Footer {
	padding: 15px 15px 15px 15px;
	font-size: 12px;
	line-height: 16px;
	color: #666;
}

#Reminder {
	max-width: 600px;
	margin-bottom: 10px;
}

#Powered {
	font-size: 10px;
	color: #999;
}

#Footer a:link, #Footer a:visited, #Footer a:active {
	color: #69891b;
	text-decoration: none;
}

#Footer a:hover {
	color: #4a630f;
	text-decoration: underline;
}

/* CLASSes */

.data {
	border: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 700px;
}

.data th {
	font-size: 12px;
	font-weight: bold;
	color: #555;
	background-image: url("/static/shared/th_bg.png");
	padding: 2px 5px 2px 5px;
	text-align: left;
}

.data td {
	font-size: 14px;
	line-height: bold;
	padding: 5px 5px 5px 5px;
}

.data td.alt {
	background-color: #f9f9f9;
}

.data td.dt {
	font-size: 10px;
	color: #666;
}

.data td .op {
	margin-top: 8px;
	font-size: 10px;
}

.sl {
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 600px;
	font-size: 16px;
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	font-family: "Panic Sans", Luxi Mono, "Courier New", Monaco;
}

.sl:focus {
	border: 1px solid #999;
}

.sls {
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 200px;
	font-size: 16px;
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	font-family: "Panic Sans", Luxi Mono, "Courier New", Monaco;
}

.sls:focus {
	border: 1px solid #999;
}

.ml {
	padding: 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 600px;
	height: 300px;
	font-size: 16px;
	color: #000;
	background-color: #fff;
	border: 1px solid #ccc;
	font-family: "Panic Sans", Luxi Mono, "Courier New", Monaco;
}

.ml:focus {
	border: 1px solid #999;
}

.btn {
	border: 1px solid #ccc;
	color: #000;
	padding: 5px 10px 5px 10px;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #f0f0f0;
}

.btn:hover {
	border: 1px solid #aaa;
	cursor: pointer;
}

.ico16 {
	width: 16px;
	height: 16px;
}

.tr {
	float: right;
}

.fade {
	color: #777;
}

.snow {
	color: #ccc;
}

a.dark:link, a.dark:visited, a.dark:active {
	color: #666;
	text-decoration: none;
	border: none;
}

a.dark:hover {
	color: #333;
	text-decoration: underline;
	border: none;
}

a.white:link, a.white:visited, a.white:active {
	color: #fff;
	text-decoration: none;
	border: none;
}

a.white:hover {
	color: #fff;
	text-decoration: underline;
	border: none;
}

.blue_badge {
	color: #fff;
	background-color: #aad;
	font-size: 9px;
	line-height: 9px;
	padding: 3px 5px 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}

.graphite_badge {
	color: #fff;
	background-color: #99a;
	font-size: 9px;
	line-height: 9px;
	padding: 3px 5px 3px 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}

.sep {
	margin-top: 10px;
	border-top: 1px solid #f0f0f0;
	margin-bottom: 10px;
}

.sep10 {
	height: 10px;
}

.sep20 {
	height: 20px;
}

.w600 {
	width: 610px;
}

.c {
	clear: both;
}